<template>
	<div>
		<div class="p-1">
			<h3>HI {{current.user.account}}</h3>
			<p class="text-secondary">戍码OA系统</p>
		</div>
		<div>
			<input id="cover" type="file" />
		</div>
	</div>
</template>

<script>
	import * as echarts from "echarts";
	export default {
		data: function() {
			return {
				grtjOption: {
					title: {
						text: ''
					},
					legend: {
						bottom: '5%',
						left: 'center'
					},
					tooltip: {},

					series: [{
						itemStyle: {
							borderRadius: 10,
							borderColor: '#fff',
							borderWidth: 2
						},
						label: {
							show: true,
							position: 'center'
						},

						labelLine: {
							show: true
						},
						radius: ['40%', '70%'],
						avoidLabelOverlap: false,
						type: 'pie',
						data: [{
								value: 1048,
								name: '督办管理'
							},
							{
								value: 735,
								name: '基金管理'
							},
							{
								value: 580,
								name: '企业管理'
							},
							{
								value: 300,
								name: '合规管理'
							}
						]
					}]
				},
				dbtjOption: {
					title: {
						text: ''
					},
					legend: {
						orient: 'vertical',
						right: 10,
						backgroundColor: '#FFF',
						textStyle: {
							color: '#CCC'
						}
					},
					tooltip: {},
					xAxis: {
						data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
					},
					yAxis: {},
					series: [{
						itemStyle: {
							color: "#ab80fe"
						},
						name: '近一年',
						type: 'bar',
						data: [5, 20, 33, 10, 10, 20, 77, 29, 49, 29, 99, 120]
					}, {
						itemStyle: {
							color: "#4200ff"
						},
						name: '近两年',
						type: 'bar',
						data: [34, 44, 80, 90, 28, 66, 155, 66, 89, 76, 14, 177]
					}, ]
				}
			};
		},
		created: function() {

		},
		mounted: function() {
			
		},
		computed: {
			current: function() {
				return this.store.state.currentUser;
			}
		},
		methods: {},
	}
</script>

<style scoped>

</style>